<!--
 * @Author: your name
 * @Date: 2021-10-27 14:10:15
 * @LastEditTime: 2021-10-28 09:18:57
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue_cli\src\views\main.vue
-->
<template>
    <el-container style="height: 100%">
      <el-aside width="auto" >
        <common-aside></common-aside>
      </el-aside>
      <el-container>
        <el-header>
          <common-header></common-header>
        </el-header>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
</template>

<script>
// @ is an alias to /src
import CommonAside from '@/components/CommonAside'
import CommonHeader from '@/components/CommonHeader'
export default {
  name: 'main',
  components: {
    CommonAside,
    CommonHeader
  }
}
</script>
<style lang="scss" scoped>
.el-header {
  background: #333;
}
.el-main{
  padding-top: 0;

}
</style>
